<!DOCTYPE html>
<html>

<head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-87274735-2"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());
        gtag('config', 'UA-87274735-2');
    </script>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Elchemy</title>
    <link rel="stylesheet" href="https://esironal.github.io/cmtouch/lib/codemirror.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.11.0/styles/atom-one-dark.min.css" />
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
    <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700" rel="stylesheet" />
<link href="static/css/main.91ec9442.css" rel="stylesheet"></head>

<body>
    <a href="https://github.com/wende/elchemy" class="github-corner" aria-label="View source on Github">
        <svg width="180" height="180" viewBox="0 0 250 250" aria-hidden="true">
            <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
            <path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
                fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
            <path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
                fill="currentColor" class="octo-body"></path>
        </svg>
    </a>

    <!-- Header -->
    <header id="top" class="header">
        <div class="navigation">
            <ul>
                <li>
                    <a href="http://elchemy.neontree.pl">try now</a>
                </li>
                <li>
                    <a href="https://github.com/wende/elchemy/tree/master/roadmap">docs</a>
                </li>
            </ul>
        </div>
        <div class="text-vertical-center row">
            <h1 style="margin-top:100px">
                Elchemy
            </h1>
            <div class="row">
                <div class="top-space col-md-10 col-md-offset-1">
                    <div class="col-md-6 col-xs-12 top-code text-center" style="font-size: 5mm; font-family: 'Hasklig';text-align: left">
                        <pre><code>
<b>type</b> Language = Elixir | Elm | Both

perks: Language -> String
perks language =
&nbsp;&nbsp;<b>case</b> language <b>of</b>
&nbsp;&nbsp;&nbsp;&nbsp;Elixir -> "Easy concurrency!"
&nbsp;&nbsp;&nbsp;&nbsp;Elm -> "No runtime errors!"
&nbsp;&nbsp;&nbsp;&nbsp;Both -> "Elchemy"
                    </code></pre>
                    </div>
                    <div class="col-md-6 col-xs-12 elchemy-title text-center"> Elchemy lets you write simple, fast and quality type safe code while leveraging both the Elm's safety
                        and Elixir's ecosystem. </div>
                </div>
            </div>

            <br>

            <div clas="row">
                <div class="col-sm-4 col-sm-offset-4 col-xs-12 buttons">
                    <a href="http://elchemy.neontree.pl" class="btn btn-dark btn-lg">Try online</a>
                    <!-- <a href="#install" class="btn btn-dark btn-lg">Install</a> -->
                    <div class="github-stars">
                        <!-- Place this tag where you want the button to render. -->
                        <a style="margin: auto;" class="github-button" href="https://github.com/wende/elchemy" data-icon="octicon-star" data-style="mega"
                            data-count-href="/wende/elchemy/stargazers" data-count-api="/repos/wende/elchemy#stargazers_count"
                            data-count-aria-label="# stargazers on GitHub" aria-label="Star wende/elchemy on GitHub">Star</a>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-xs-12 install-snippet-wrapper">
                    <div class="install-snippet">
                        <h4>Install</h4>
                        <pre><code>
npm install -g elchemy
cd your_elixir_project
elchemy init
                </code></pre>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- About -->
    <section id="about" class="about">
        <div class="container">
            <div class="row head">
                <h1>Features</h1>
            </div>
            <div class="row">
                <figure class="col-md-6 col-xs-12">
                    <img src="static/img/screen1.png" />
                    <figcaption>Entirely type-safe</figcaption>
                </figure>
                <figure class="col-md-6 col-xs-12">
                    <img src="static/img/screen2.png" />
                    <figcaption>Beautiful and fully readable output code</figcaption>
                </figure>
            </div>
            <div class="row">
                <figure class="col-md-6 col-xs-12">
                    <img src="static/img/screen3.png" />
                    <figcaption>Effortless and type-safe interoperability</figcaption>
                </figure>
                <figure class="col-md-6 col-xs-12">
                    <img src="static/img/screen4.png" />
                    <figcaption>Examples become doctests</figcaption>
                </figure>
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container -->
    </section>

    <!-- <section class="editor" id="try-online">
        <div class="container">
            <div class="row head">
                <h1>Try online now! (Seriously, just write anything below)</h1>
            </div>
            <div class="row full">
                <figure class="col-md-6 col-xs-12">
                    <div class="card">
                        <div id="code-editor"></div>
                    </div>
                </figure>
                <figure class="col-md-6 col-xs-12">
                    <div class="card" id="root"></div>
                </figure>
                <figure class="col-xs-5 col-md-offset-5 error-dialog">
                    <div id="error-dialog"></div>
                </figure>
            </div>
            <small style="margin: 0 auto">*Browser demo above only presents the parser and can't check type-safety. To get full Elchemy experience follow
                installation instructions </small>
    </section> -->


    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-lg-10 col-lg-offset-1 text-center">
                    <hr class="small">
                    <p class="text-muted">Elchemy
                        <i class="fa fa-copyright" aria-hidden="true"></i> Krzysztof Wende</p>
                    <a href="https://github.com/baransu" class="text-muted">
                        <i class="fa fa-code" aria-hidden="true"></i> with
                        <i class="fa fa-heart" aria-hidden="true"></i> by Tomasz Cichocinski</a>
                </div>
            </div>
        </div>
    </footer>

    <!-- JavaScript -->
    <!-- <script src="https://esironal.github.io/cmtouch/lib/codemirror.js"></script> -->
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.2/mode/elm/elm.min.js"></script> -->
    <script async defer src="https://buttons.github.io/buttons.js"></script>
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.11.0/highlight.min.js"></script> -->
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.11.0/languages/elm.min.js"></script> -->
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.11.0/languages/elixir.min.js"></script> -->
    <!-- <script src="elm.js" crossorigin="anonymous"></script> -->
    <!-- <script src="index.js" crossorigin="anonymous"></script> -->
<script type="text/javascript" src="static/js/main.91ec9442.js"></script></body>

</html>
